<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="a.header.jsp" %>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head> 
<!--  /layuiproject/WebContent/4弹出层/b1多层弹窗遮罩层方法调用.jsp -->
<body>
        <h1>第二层页面</h1>
        <button id="btn">打开第三层页面</button>
        
        <br><br><br>
        <button id="btn1">第二层页面方法</button>
        
        <br><br><br>
        <button id="btn2">获取父页面参数</button>
        <button id="btn3">调用父页面方法</button>
        <br>
        <script type="text/javascript">
        layui.use(['layer', 'form'], function(){
        	  var layer = layui.layer
        	  ,form = layui.form
        	  ,$=layui.$;
        	  layer.msg('Hello World');
        	  var openThird=function(){
        		  top.layer.open({
                      type: 2,
                      title: "第二层页面",
                      content: "c3.jsp",
                      area: ['900px', '500px'],
                      btn:['确定','取消'],
                      success: function(layero, index){
                          //获取第三个页面                          
                          var iframeWindow = window['layui-layer-iframe'+ index]  //获取iframe窗口
                      },
                      yes:function(index,layero){
                    	  var body = layer.getChildFrame('body', index);//获取子页面内容
                          var iframeWin = $("div.layui-layer-content > iframe", layero)[0].contentWindow; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                          var res = iframeWin.thirdMethod();		//第二个子页面的方法
                          var str=iframeWin.name;					//第二个子页面的变量
                          console.log(str)
                    	  parent.layer.close(index);
                      }
                  })
              }
        	  $("#btn").click(function(){
        		  openThird();
              })
              $("#btn1").click(function(){
            	  secondMethod();
              })
              $("#btn2").click(function(){
            	  console.log(parent.faname);
              })
              $("#btn3").click(function(){
            	  parent.faMethod();
              })
              //第二层页面方法
              window.secondMethod=function(){
                  console.log("secondMethod");
              }
        	  window.name="第二层页面";
        	});
        
    </script>
    </body>
    
</html> 